import React, { useState } from 'react'
import ProjectListStyle from './operationalproject.module.css'
import {ReactComponent as ResIcon} from '../../../assets/icon/刷新.svg'
import {Input,Button,Modal,Table} from 'antd'
const {Search}=Input
function OperationalProject() {
  const [isModalOpen, setIsModalOpen] = useState(false);
  const showModal = () => {
    setIsModalOpen(true);
  };
  const handleOk = () => {
    setIsModalOpen(false);
  };
  const handleCancel = () => {
    setIsModalOpen(false);
  };
  const onSearch = (value, _e, info) => console.log(info?.source, value);
  const colums=[
    {
      key:"1",
      dataIndex:"分期编号",
      title:"分期编号",
      align:"center"
    },
  ]
  return (
    <div className={ProjectListStyle.ProjectList_app}>
       <Modal title="Basic Modal" open={isModalOpen} onOk={handleOk} onCancel={handleCancel}>
        <p>Some contents...</p>
        <p>Some contents...</p>
        <p>Some contents...</p>
      </Modal>
      <div className={ProjectListStyle.ProjectList_Table_form}>
        <Search
          placeholder="input search text"
          onSearch={onSearch}
          style={{
            width: 200,
            marginRight: "10px",
          }}
        />
        <Button style={{ marginRight: "10px" }}
        onClick={showModal}
        >新增</Button>
        <Button style={{ display: "flex", alignItems: "center" }}>
          <ResIcon width={25} />
          <span style={{ margin: "0 5px" }}>重置</span>
        </Button>
      </div>
    </div>
  )
}

export default OperationalProject
